<template>
  <div class="demo">
    <div class="demo-title">自定义文字格式</div>
    <div class="demo-content">
      <Progress type="circle" :percent="75" :format="(percent) => `${percent} Days`" />
      <Progress type="circle" :percent="100" :format="() => 'Done'" />
      <Progress type="circle" :percent="75">
        <template #format="percent">
          <span style="color: red">{{ percent }}</span>
        </template>
      </Progress>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Progress from '@sscd/progress';
</script>
